<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../common/taglibs.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>广东省网上办事大厅 - 珠海分厅 - 网上办事</title>
		<meta content="text/html; charset=utf-8" http-equiv=Content-Type/>
		<meta name=description content=广东省网上办事大厅-珠海分厅/>
		<meta name=keywords
			content="珠海，投资申请，项目审批，商机，珠海人民政府，政民互动,效能监察,投资审批,网上办事 "/>
		<link rel=stylesheet type=text/css href="../static/css/common.css"/>
		<link rel=stylesheet type=text/css href="../static/css/wsbs.css"/>
		<link rel=stylesheet type=text/css href="../js/My97DatePicker/skin/WdatePicker.css"/>
		<script type=text/javascript src="../js/jquery.js"></script>
		<script src="../js/commonInChildPage.js" type=text/javascript></script>
		<script src="../js/highcharts.js" type=text/javascript></script>
		<script language="javascript" type="text/javascript" src="../js/My97DatePicker/WdatePicker.js"></script>
		<!--[if IE 6]>
			<script src="/js/DD_belatedPNG.js" type="text/javascript"></script>
			    <script type="text/javascript">
			        DD_belatedPNG.fix('.png');
			</script>
		<![endif]-->
		<meta name=GENERATOR content="MSHTML 8.00.6001.23501"/>
	</head>
	<body>
		<jsp:include page="../include/head.jsp" />
		<div class=position>
			<strong>
				<table id=wypy border=0 cellSpacing=0 cellPadding=0 width=310>
					<tbody>
						<tr>
							<td class=xinxin_font height=20 vAlign=bottom width=170 align=right>
								本窗口服务星级评定：
							</td>
							<td onmouseover=rate(this,event) vAlign=center width=140
								align=left>
								<img title=很烂 src="../images/star_2.png" width=20/>
								<img title=一般 src="../images/star_2.png" width=20/>
								<img title=还好 src="../images/star_2.png" width=20/>
								<img title=较好 src="../images/star_2.png" width=20/>
								<img title=很好 src="../images/star_2.png" width=20/>
							</td>
						</tr>
					</tbody>
				</table>您现在的位置：</strong>
				<a href="http://wsbs.zhzw.gov.cn/">首 页</a> &gt;
				<a href="http://wsbs.zhzw.gov.cn/wsbs/">网上办事</a> &gt;
				<a href="../index.do">公共资源交易大厅</a>&gt;
				监管信息
		</div>
		<div class=cl></div>
		<div class="main t10 clearfix">

			<!-- left -->
			<div class="main_l" style="height:650px " >
				<div class="left_nav">
					<div class="left_nav_tit">
						<a href="cgr_index.do">监管信息</a>
					</div>
						<div class="bar_list">
						<h5>
							<span>我的图表</span>
						</h5>
						<ul id="ChildMenu1">
							<li>
								<a href="zxt.jsp" class="nobj">折线图</a>
							</li>
							<li>
								<a href="zzt.jsp" class="nobj">柱状图</a>
							</li>
							<li class="current">
								<a href="bzt.jsp" class="nobj">饼状图</a>
							</li>
						</ul>
					</div>
					
				</div>
				<div class="clear"></div>

			</div>
			<!-- left end -->
			<!-- right -->
			<div class="main_r" style="padding-top:0px">
				<div class="right_box">
					<div class="content-box" style="width:800px;height:600px;margin-bottom:10px">
						<div class="content-box_tit">
							我的数据
						</div>
							<input class="Wdate" type="text" onClick="WdatePicker()"/>
							<div id="bztContainer" style="min-width: 250px; height: 250px; margin: 0 auto"></div>
					</div>
					
				</div>
			</div>
		</div>
		<div class=cb></div>
		<jsp:include page="../include/bottom.jsp" />
		
		<script type="text/javascript">
		$(function () {
    $('#bztContainer').highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false
        },
				credits: { //去掉右下角highchart标识
            	 text: '',
            	 href: ''
        },
        title: {
            text: '工程数量统计图'
        },
        tooltip: {
    	    pointFormat: '数量: <b>{point.y}个</b>'
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
                }
            }
        },
        series: [{
            type: 'pie',
            name: '百分比',
            data: [
                ['监理',       20],
                ['勘察',       30],
							 	{
                    name: '施工',
                    y: 35,
                    sliced: true,
                    selected: true
                },
                ['设计',       18]
            ]
        }]
    });
});
	</script>
		
	</body>
	
</html>

